﻿@charset "utf-8";
/* CSS Document */

/*订单详情*/
.order dl{ margin:0; padding:0;}
.order dt{ color:#a1bc8e; font-weight:normal; font-size:14px; padding:0 15px; height:30px; line-height:30px; background:#eef5e9; border-bottom:1px solid #ccc;}
.order dd{ padding:10px 15px; background:#fff; border-bottom:1px solid #ccc; line-height:25px;}

.order-base dd{ display:table; width:100%;}
.order-base div{ display:table-cell; vertical-align:middle; width:70%;}
.order-base .btn{ width:30%; text-align:center;}
.order-base .btn a{ display:block; height:35px; line-height:35px; background:#51c200; color:#fff; border-radius:5px; padding:0 15px;}
.track{ color:#51c200;}

.address{ line-height:25px;}
.address a{ color:#333;}
.address .name,.address .tel{ margin-right:10px;}
.address .name .icon,.address .tel .icon{ display:inline-block; vertical-align:middle; width:14px; height:17px; margin-right:5px;}
.address .name .icon{ background-position:-208px 0}
.address .tel .icon{background-position:-208px -33px}

.goods_list{ padding:0 !important;}
.list-item{ border-bottom:1px solid #ccc;}
.list-item:last-child{ border-bottom:none;}
.list-item a{ display:table; width:100%; padding:10px 15px; color:#333;}
.list-item span{ display:table-cell; vertical-align:middle;}
.list-item span{ display:table-cell; vertical-align:middle; text-align:left; width:60px;}
.list-item span:nth-child(2){ width:auto;}
.list-item span:nth-child(3){ width:75px;}


.bggreen{ background:#eef5e9;}
.cancel_order{ background:none !important; border-bottom:none !important; padding:10px 100px !important;}
.cancel_order a{ display:block; background:#fff; border:1px solid #ccc; color:#51c200; border-radius:5px; height:40px; line-height:40px; text-align:center;}

/*结算页*/
.jiesuan{ padding-bottom:100px;}
.jiesuan .address{ padding:10px 15px; }
.jiesuan .arrow{ overflow: hidden; position: absolute; right: 15px; top: 50%; width: 11px; height: 18px; margin-top: -9px; text-indent: -999px; background-position: -47px 0; }

.order-item{ position:relative; margin-top:10px; border:1px solid #ccc; background:#fff; }
.order-item-list{ position:relative; border-bottom:1px solid #ccc; }
.order-item-list:last-child{ border-bottom:none;}
.order-item-list a{ display:block; width:100%; padding:5px 45px 5px 15px; height:45px; line-height:35px; color:#8d8a8a;}
.order-item-list a.youhuitip{ position:relative;}
.order-item-list a.youhuitip .tittle{ position:absolute; top:5px; left:15px;}
.order-item-list a.youhuitip .words{ padding:0 0 0 75px; width:100%; overflow:hidden; white-space:normal;　word-break:break-all;word-wrap:break-word; height:35px; display:block; text-align:right; color:#000;}
.order-item-list input{ width:100%; height:45px; line-height:45px; border:none; padding:0 15px;}

.goods-all{ padding:10px 15px; height:70px; overflow:hidden;}
.goods-all ul{  float: left; white-space: nowrap;overflow-x: scroll;overflow-y: hidden; width: 100%; height:80px; padding-bottom:30px;}
.goods-all li{ margin-right:5px;  display: inline-block;}
.goods-all li.alone{ display:table; width:100%;}
.goods-all li.alone span{ display:table-cell; vertical-align:middle; padding-right:10px;}

.payment_total { position: fixed; width: 100%; height: 50px; padding: 5px 20px; line-height: 40px; overflow: hidden; background: #fff; border-top: 1px solid #ccc; bottom:50px; }
.shp_cart_info span { display: block; }
.shp_cart_info strong { color: #fb3d3d; }
.btn_right { cursor: pointer; position: absolute; right: 20px; top: 7px; display: block; width: 100px; height: 35px; line-height: 35px; text-align: center; background: #fb3d3d; color: #fff; font-size: 14px; font-weight: normal; border-radius: 5px; }
.btn_right:hover { color: #fff; background: #ff5656; }
.btn_disable,.btn_disable:hover{ background-color:#999; color:fff; cursor:none;}

.fright{ float:right;}
.font-color000{ color:#000;}
.circlebg{ background-color:#fb3d3d; font-size:11px; color:#fff; line-height:20px; margin-top:7px; border-radius:22px; height:22px; width:22px; text-align:center;}

/* 弹框 */
.modal-dialog{}
.modal-content{ border-radius:6px; overflow:hidden;}
.modal-content .close{ z-index:999; font-size:24px; position:absolute; right:10px; top:5px;}

.add_address{ position:relative; border:1px solid #ccc; border-width:1px 0px; background:#fff; margin:10px 0;}
.add_address a{ display:block; color:#8d8a8a;  padding: 10px 0 10px 20px; line-height:21px; font-size:14px;}
.add_address .arrow{overflow:hidden; position:absolute; right:15px; top:50%; width:11px; height:18px; margin-top:-9px; text-indent:-999px; background-position:-47px 0;}

.delivery-date,.invoice,.cart_list{ padding:15px;}

.delivery-date .tips{ text-align:center; line-height:40px !important;}
.delivery-date .date{ margin:0; border:1px solid #ccc; background:#fff;}
.delivery-date .date dt,.delivery-date .date dd{ line-height:35px !important; padding:0 15px;}
.delivery-date .date dt{ border-bottom:1px solid #ccc;}
.delivery-date .date dd a{ position:relative; display:block; color:#333; width:100%;}
.delivery-date .date dd.active a{ color:#51c200;}
.delivery-date .date dd.active a:after{content: "";  position:absolute; right:0; top:50%; width: 20px;  height: 14px;  margin-top: -7px;  background-position: -64px 0; }


.invoice dl{ background:#fff; margin:0; padding:7px 0; border-bottom:1px solid #ccc; display:table; width:100%;}
.invoice dt,.invoice dd{ display:table-cell; line-height:30px !important;}
.invoice dt{ width:80px; font-weight:normal;}
.invoice dd{}
.invoice label{ font-weight:normal; vertical-align:middle; margin:0;}
.invoice input{ margin:0;}
.invoice .input-text{ border:none; width:100%;}
.invoice span{ margin-right:15px;}
.invoice .tip{ color:#fb3d3d; text-align:center;}
.btn-submit { margin: 20px 0 10px 0; }
.btn-submit span{ display:inline-block; margin-right:0; width:50%; float:left; text-align:center;}
.btn-submit button { display:inline-block; width:70%; height: 35px; color: #fff; background: #51c200; border: none; border-radius: 4px; font-size: 16px; }

.cart_list_li { padding:5px; background:#fff; border-bottom:1px solid #ccc; }
.product-item{ position:relative; margin-bottom:10px;}
.product_thumb{ float:left; margin-right:10px;}
.product_info{  margin:0 50px 0 95px;}
.product_name { font-size: 14px; line-height: 18px; height: 37px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:bold;}
.product_price{ margin-bottom:2px;}
.product_price span{ font-size:12px; color:#8d8a8a; margin-left:5px;}

/**/
.filter-wrap{ width: 100%; height: 44px; border-bottom: 1px solid #ccc; background: #fff; }
.filter { margin: 5px 15px 10px 15px; border: 1px solid #51c200; border-radius: 5px; overflow: hidden; }
.filter ul { display: table; width: 100%; margin: 0; padding: 0; }
.filter li { display: table-cell; list-style: none; width: 33%; height: 35px; line-height: 35px; text-align: center; }
.filter li:nth-child(2){ border:1px solid #51c200; border-width:0px 1px}
.filter li a { color: #299d1a; font-size: 14px; }
.filter li.active a { display: block; width: 100%; height: 100%; color: #fff; font-size: 15px; background: #51c200; }

.order-list{ background:#fff; border:1px solid #ccc; border-width:1px 0; margin-bottom:10px;}
.order-list:first-child{ border-top:0;}
.order-list .status,.order-list .total{ width:100%; padding:5px 15px; display:table;}
.order-list .status span,.order-list .total span{ display:table-cell; vertical-align:middle;color:#8d8a8a;}
.order-list .status strong{ display:block; font-weight:normal; color:#333;}
.order-list .status .text-right{ color:#51c200;}
.order-list .goods-all{ margin:0;}
.order-list .total span{ color:#fb3d3d;}
.order-list .total .btn{ float:right; width:90px;}
.order-list .total .btn-pay{ background:#51c200; color:#fff;}
.order-list .total .btn-tracking{ background:#fff; color:#51c200; border:1px solid #51c200}

.price_ul{ padding:10px 15px;}
.price_ul li{ line-height:1.5em;}

.icon_add{ background-image:url("../images/icon_add.png"); width:18px; height:18px; margin-right:2px;}
.add_address em{ font-style:normal;}
.nogoods{ text-align:center; display:block; position:absolute; width:100%; top:50%; left:0; color:#51c200;}